<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="lib/html5.js"></script>
    <script type="text/javascript" src="lib/respond.min.js"></script>
    <script type="text/javascript" src="lib/PIE_IE678.js"></script>
    <![endif]-->
    <!--[if IE 6]>
    <script type="text/javascript" src="http://lib.h-ui.net/DD_belatedPNG_0.0.8a-min.js" ></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <link rel="import" href="includes/baseInclude.html">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <style>
        a{text-decoration:none;}
        a:hover{text-decoration:none;}
        a:visited{text-decoration:none;}
        a:active{text-decoration:none;}
    </style>
</head>
<body ng-app="indexApp" ng-controller="indexCtrl">
<div  style="background-color:#231FB0;width: 100%;">
<img  style="width:245px;height:94px;" class="img"  src="images/u14.png">

<div style="float: right;">
    <div class="ax_图片" style="float: left;margin-right: 10px;margin-top: 35px;">
        <img  class="img" style="width: 19px;height: 12px;" src="images/email.png"/>
        <div  class="text"></div>
    </div>

    <div style="float: left;margin-right: 15px;margin-top: 35px;"  class="text">
        <p><span style="color:#ffffff">3</span></p>
    </div>

    <div style="float: left;margin-right: 15px;margin-top: 35px;" class="ax_垂直线">
        <img id="u151_start" class="img" src="images/transparent.gif" alt="u151_start">
        <img id="u151_end" class="img" src="images/transparent.gif" alt="u151_end">
        <img id="u151_line" class="img" src="images/u151_line.png" alt="u151_line">
    </div>

    <div style="float: left;margin-right: 15px;margin-top: 35px;">
        <img  class="img" style="width: 15px;height: 18px;" src="images/u147.png"/>
        <div  class="text"></div>
    </div>

    <div style="float: left;margin-right: 20px;margin-top: 35px;">
        <p><span style="color:#ffffff">3</span></p>
    </div>

    <div style="float: left;margin-right: 30px;margin-top: 15px;">
        <img  class="img" style="width: 58px;height: 58px;" src="images/user.png"/>
        <div  class="text"></div>
    </div>

    <div style="float: left;margin-right: 5px;margin-top: 35px;">
        <p><span style="color:#ffffff">admin1</span></p>
    </div>

    <div style="float: left;margin-right: 30px;margin-top: 35px;">
        <img  class="img" style="width: 9px;height: 5px;" src="images/jiantoudown.png"/>
        <div  class="text"></div>
    </div>

    <div style="float: left;margin-right: 30px;margin-top: 35px;">
        <p><span style="color:#ffffff">退出</span></p>
    </div>
</div>


</div>

<div style="background-color:#231FB0;width: 200px;height:{{screenHeight}}px;float: left;">
    <ul style="text-align: center;" class="page-sidebar-menu page-sidebar-menu-hover-submenu " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200">

        <li style="list-style-type:none;text-align: center;margin-top: 50px;" class="start" id="1">
            <a href="pc/sopManagement.html" target="myFrameName">
                <i class="icon-home"></i>
                <div id="u19" style="text-align: center;margin-left: -30px;" class="ax_h2">
                    <img id="u19_img" class="img " src="images/transparent.gif">
                    <div class="text" style="text-align: center">
                        <span id="u20" style="color: #ffffff;font-size: 20px;text-align: center;" class="title">SOP</span>
                        <span class="selected"></span>
                        <span class="arrow open"></span>
                    </div>
                </div>
            </a>
        </li>

        <li style="list-style-type:none;" class="start" id="2">
            <a href="pc/userManagement.html" target="myFrameName">
                <i class="icon-home"></i>
                <div id="u21" style="text-align: center;margin-left: -30px;margin-top: 15px;" class="ax_h2">
                    <img id="u21_img" class="img " src="images/transparent.gif">
                    <div class="text">
                        <span id="u22" style="color: #ffffff;font-size: 20px;text-align: center;" class="title">用户管理</span>
                        <span class="selected"></span>
                        <span class="arrow open"></span>
                    </div>
                </div>
            </a>
        </li>
        <li style="list-style-type:none;" class="start" id="3">
            <a href="pc/roleManagement.html" target="myFrameName">
                <i class="icon-home"></i>
                <div id="u23" style="text-align: center;margin-left: -30px;margin-top: 15px;" class="ax_h2">
                    <img id="u23_img" class="img " src="images/transparent.gif">
                    <div class="text">
                        <span id="u24" style="color: #ffffff;font-size: 20px;text-align: center;" class="title">角色管理</span>
                        <span class="selected"></span>
                        <span class="arrow open"></span>
                    </div>
                </div>
            </a>
        </li>
        <li style="list-style-type:none;" class="start" id="4">
            <a href="pc/sopManage/html/sopManagement.html" target="myFrameName">
                <i class="icon-home"></i>
                <div id="u25" style="text-align: center;margin-left: -30px;margin-top: 15px;" class="ax_h2">
                    <img id="u25_img" class="img " src="images/transparent.gif">
                    <div class="text">
                        <span id="u26" style="color: #ffffff;font-size: 20px;text-align: center;" class="title">SOP设置</span>
                        <span class="selected"></span>
                        <span class="arrow open"></span>
                    </div>
                </div>
            </a>
        </li>
        <li style="list-style-type:none;" class="start" id="5">
            <a href="pc/dutySchedule/html/dutySchedule.html" target="myFrameName">
                <i class="icon-home"></i>
                <div id="u27" style="text-align: center;margin-left: -30px;margin-top: 15px;" class="ax_h2">
                    <img id="u27_img" class="img " src="images/transparent.gif">
                    <div class="text">
                        <span style="color: #ffffff;font-size: 20px;text-align: center;" id="u28" class="title">值班表</span>
                        <span class="selected"></span>
                        <span class="arrow open"></span>
                    </div>
                </div>
            </a>
        </li>
    </ul>
</div>
<iframe style="height:{{screenHeight}}px;width:85%;" name="myFrameName" src="pc/sopManagement.html" scrolling="no" frameborder="0"></iframe>
<script>
    //angularjs post 提交时HTTP头设置
    var transform = function (data) {
        return $.param(data);
    }, postCfg = {
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
        },
        transformRequest: transform
    };
    var app = angular.module('indexApp',[]);
    app.controller('indexCtrl',function($scope,$http){
        $scope.screenHeight = window.screen.availHeight-94;
            });
    </script>
</body>
</html>